body,html{height: 100%;}
.pull-right{float: right;}
.pull-left{float: left;}
#box1{width: 10.8rem;margin: 0 auto;}
#box{height: 100%;display: -webkit-box;-webkit-box-orient: vertical;background: #262628;display: none;}
.clear { zoom:1; }
.clear:after { content:''; display:block; clear:both; }
/*头部区*/
.video-head{height: 1.21rem;background: #111111;position: fixed;top: 0;overflow: hidden;z-index: 999;width: 10.8rem;}
.video-head h2{text-align: center; color: #ffffff;padding-top: 0.37rem;font-size: 0.46rem;font-weight: normal;}
/*内容区*/
.video-content{-webkit-box-flex: 1;background: #262628;height: auto;position: absolute;top: 1.2rem;width: 10.8rem;overflow: hidden;}
.video-cont{position: relative;}
/*.video-cont img{width: 10.8rem;}
.video-cont i{position: absolute;left: 4.34rem;top: 1.64rem;}
.video-cont i:nth-of-type(1){color: #fff;font-size: 2.12rem;opacity: 0.5;display: none;}
.video-cont i:nth-of-type(2){color: #fff;font-size: 2.12rem;opacity: 0.2;}*/
.video-cont-head{border-bottom: 1px solid #5d5d5f;background: #262628;}
.video-cont-head p{color: #ffffff;padding-left: 0.54rem;}
.video-cont-head p:nth-of-type(1){font-weight: bold;padding-top: 0.74rem;font-size: 0.4rem;}
.video-cont-head p:nth-of-type(2){padding: 0.46rem 0 0.60rem 0.54rem;font-size: 0.3rem;}
.video-cont-foot{padding: 0.58rem 0.63rem 0.61rem 0.54rem;border-bottom: 1px solid #5d5d5f;background: #262628;line-height: 0.54rem;color: #98989a;font-size: 0.3rem;}

/*精彩视频推荐*/
.video-recommended{padding: 0.51rem 0 0.68rem 0.54rem;border-bottom: 1px solid #5d5d5f;background: #262628;}
.video-recommended-title{padding: 0.51rem 0 1.2rem 0.54rem;}
.video-recommended-title p{float: left;}
.video-recommended-title p:nth-of-type(1){width: 0.18rem;height: 0.50rem;background: #c30d23;}
.video-recommended-title p:nth-of-type(2){font-size: 0.30rem;color: #ffffff;padding-left: 0.17rem;padding-top: 0.08rem;}
.video-recommended-first img{float: left;padding-bottom: 0.46rem;width: 3rem;}
.video-recommended-detail{float: left;border-bottom: 1px solid #5d5d5f;margin-left: 0.35rem;width:6.80rem;}
.video-recommended-detail p{color: #ffffff;}
.video-recommended-detail p:nth-of-type(1){font-size: 0.38rem;font-weight: bold;padding-top: 0.20rem;}
.video-recommended-detail p:nth-of-type(2){font-size: 0.28rem;padding: 0.32rem 0 1.08rem 0;}
.video-recommended-second{padding-top: 0.36rem;}
.video-recommended-second img{float: left;width: 3rem;}
.video-recommended-detail2{float: left;margin-left: 0.35rem;}
.video-recommended-detail2 p{color: #ffffff;}
.video-recommended-detail2 p:nth-of-type(1){font-size: 0.38rem;font-weight: bold;padding-top: 0.20rem;}
.video-recommended-detail2 p:nth-of-type(2){font-size: 0.28rem;padding-top: 0.32rem;}
.video-recommended-more{background: #262628;padding: 0.30rem;}
.video-recommended-more p{text-align: center;padding: 0.24rem 0;border-radius: 0.12rem;background: #3d3c41;color:#fff;font-size: 0.3rem;}
/*热门评论*/
.video-comments{background: #262628;border-bottom: 1px solid #5d5d5f;padding-bottom: 0.75rem;}
.video-comments-title{padding: 0.51rem 0 0.75rem 0.54rem;}
.video-comments-title p{float: left;}
.video-comments-title p:nth-of-type(1){width: 0.18rem;height: 0.50rem;background: #c30d23;}
.video-comments-title p:nth-of-type(2){font-size: 0.30rem;color: #ffffff;padding-left: 0.17rem;padding-top: 0.08rem;}
.video-comments-first{padding: 0.82rem 0 0 0.51rem;}
.video-comments-first img{float: left;width: 1rem;}
.video-comments-tv{border-bottom: 1px solid #5d5d5f;padding-bottom: 0.42rem;margin-left: 1.87rem;}
.video-comments-left{float: left;}
.video-comments-left p:nth-of-type(1){font-size: 0.37rem;color: #fff;padding-top: 0.25rem;}
.video-comments-left p:nth-of-type(2){font-size: 0.22rem;color: #898989;padding-top: 0.16rem;}
.video-comments-left p:nth-of-type(3){font-size: 0.28rem;color: #fff;padding-top: 0.30rem;}
.video-comments-right{float: right;padding:0.20rem 0.60rem 0 0;}
.video-comments-right i{color: #fff;font-size:0.41rem;}
.video-comments-right span{font-size: 0.26rem;color: #ffffff;}
.video-comments-second{padding: 0.82rem 0 0 0.51rem;}
.video-comments-second img{float: left;width: 1rem;}
.video-comments-tv2{margin-left: 1.87rem;}
.video-comments-left2{float: left;}
.video-comments-left2 p:nth-of-type(1){font-size: 0.37rem;color: #fff;padding-top: 0.25rem;}
.video-comments-left2 p:nth-of-type(2){font-size: 0.22rem;color: #898989;padding-top: 0.16rem;}
.video-comments-left2 p:nth-of-type(3){font-size: 0.28rem;color: #fff;padding-top: 0.30rem;}
.video-comments-right2{float: right;padding:0.20rem 0.60rem 0 0;}
.video-comments-right2 i{color: #fff;font-size:0.41rem;}
.video-comments-right2 span{font-size: 0.26rem;color: #ffffff;}
/*扫码区*/
.video-code{background: #262628;padding-bottom: 0.56rem;text-align: center;}
 .video-code-img{padding: 1.06rem 0 0 0rem;width: 4rem;}
.video-code-p{color: #ffffff;padding: 0.80rem 0 0 0;font-size: 0.4rem;}
.video-code-middle{background: #262628;position: relative;margin-top:0.80rem ;}
.video-code-middle h2{text-align: center;padding: 0 0.10rem;color: #a0a0a2;font-weight: normal;font-size: 0.28rem;}
.video-code-middle div{position:absolute;width: 0.62rem;top:0.20rem;height: 0.20rem;background: url(../img/line.png) repeat-x;}
.video-code-middle div:nth-of-type(1){left: 4.48rem;}
.video-code-middle div:nth-of-type(2){right: 4.48rem;}
.video-code-phone{padding:0.48rem 0 0 1.98rem;}
.video-code-phone img{float: left; width: 3rem;}
.video-code-phone img:nth-of-type(1){padding-right: 0.34rem;}
.video-code-p2{color: #ffffff;padding: 0.50rem 0 0 0rem;font-size: 0.4rem;}
.video-code-foot {position: relative;}
.video-code-foot img{height: 1.92rem;width: 10.8rem;}
.video-code-foot p{font-size:0.28rem;position: absolute;right: 0.35rem;top: 0.56rem;color: #fff;width: 2.14rem;background: #c30d23;text-align: center;padding: 0.27rem 0;}








